<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // innerText只会获取代码中的文字
        // innerHTML会获取标签
        // parentNode会获取该元素的父元素
        // previousSibling会获取当前节点的上一个兄弟节点,会获取标签之间的空白
        // previousElementSibling直接会获取兄弟节点，不会获取空白（IE8）不支持
        window.onload = function() {
            // var btn = document.getElementById("three");
            // var bj = btn.previousElementSibling;
            // alert(bj.innerHTML);



            // 获取ID为uesername的value值
            var um = document.getElementById("username");
            alert(um.value);
            um.value = "今天天气很好";
        }
    </script>
</head>

<body>

    <ul id="one">
        <li id="two">上海</li>
        <li id="three">北京</li>
        <li>天津</li>
        <li>深圳</li>
        <input type="text" id="username" value="123">
    </ul>


</body>

</html>